NodeJS的動態網站概念-5

第 11 屆 iThome 鐵人賽

DAY 23

Modern Web

網站前端後端與API系列第 23 篇

11th鐵人賽

BigQ

2019-10-09 22:08:18

709 瀏覽

分享至

我們試試看開一個新的ejs
在views的目錄下，新增：
index2.ejs
增加以下程式碼

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>第二個頁面！</h1>
    <h1><%= title %></h1>
    <p>Welcome to <%= ironMan30 %><%= theTweenty %></p>
    <h2><%= haha %></h2>

  </script>
</html>

存檔，我們回到index.js，更改/30days後面的路徑：

router.get('/30days', function(req, res, next) {
  res.render('index2', { 
  	title: 'Express',
  	haha: '哈哈',
  	ironMan30: '30天鐵人賽',
  	theTweenty: '第20天'
  });
});

我們把/30days路徑要求，回應的頁面改成index2了，我們存檔重新開啟伺服器，打開http://localhost:3000/30days